import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [{
  
    path: '/me',
    name: 'Me',
    component: () => import('../views/Me.vue'),
  },
  {
    path: '/xiangqing',
    name: 'Xiangqing',
    component: () => import('../views/xiangqing.vue'),
  },
  {
    path: '/zhuce',
    name: 'Zhuce',
    component: () => import('../views/zhuce.vue'),
  },
  {
    path: '/xiugaidz',
    name: 'Xiugaidz',
    component: () => import('../views/xiugaiDZ.vue'),
  },
  {
    path: '/gouwuche',
    name: 'Gouwuche',
    component: () => import('../views/gouwuche.vue'),
  },
  {
    path: '/dizhi',
    name: 'Dizhi',
    component: () => import('../views/dizhi.vue'),
  },
  {
    path: '/login',
    name: 'Login',
    component: () => import('../views/Login.vue'),
  },
  {
    path: "/dingdan",
    name: "Dingdan",
    component: () => import("../views/dingdan.vue")
  },
  {
    path: '/diancan',
    name: 'Diancan',
    component: () => import('../views/diancan.vue'),
  },
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import( /* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
    path: '/uuu',
    name: 'uuu',
    component: () => import('../views/uuu.vue'),
  },
  {
    path: '/ppp',
    name: 'ppp',
    component: () => import('../views/ppp.vue'),
  },
  {
    path: '/yyy',
    name: 'yyy',
    component: () => import('../views/yyy.vue'),
  },











]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router